.navbar{font-family:Roboto,sans-serif; font-weight:500; text-transform:uppercase; background:rgba(13,140,191,0.25); border:none; margin:0 0 20px; box-shadow:0 0 5px 2px #00b7ff,0 0 0 2px #ff08ea; border-radius:25px 5px 25px 5px; font-size:12px}
.navbar .nav >li >a{color:#0FF; background:none}
.navbar-header >a{color:#FFA500}
.navbar-brand{float:left; padding:15px; font-size:18px; line-height:20px; height:50px; text-shadow:1px 5px 10px #00d9ff}
.xbox__footer, .xbox__header{background:rgba(255,255,255,.04); padding:20px; border-radius:0 0 40px 2px}
.xbox{position:relative; background:rgba(17,127,171,0.3); margin-bottom:20px; border-radius:50px 10px 50px 10px; box-shadow:0 0 5px 2px rgba(0,183,255,0.99)}
.xbox_widget_stats >.xbox__footer, .xbox_widget_stats >.xbox__header{background:rgba(142,60,57,0)}
.xbox__header{border-radius:40px 5px 5px 5px}
; right:0; bottom:0; background:rgba(0, 161, 241, 0.12); padding:10px 15px; border-radius:40px 3px 3px 3px; box-shadow:0 0 2px 2px rgba(6, 185, 255, 0.45)}
.header-image{width:124.3%; border-radius:0px 0px 185px 185px; height:270px; margin-left:-12.2%; margin-bottom:20px}
.product{border-radius:30px 8px 30px 8px; box-shadow:0 0 0 2px rgba(26,159,191,0.78); transition:all 0.9s linear; background:rgba(138,133,133,0.1); margin:14px}
.product:hover{box-shadow:0 0 10px 5px #00b7ff,0 0 0 2px #00b7ff; transition:all 0.06s linear; transform:scale(1.1,1.1)}
.product__price{top:0; left:0; padding:4px 11px; border-radius:25px 2px 25px 2px}
.product__image{padding:8%; width:100%; border-radius:35px 8px 35px 8px}
.store-categories >.btn{margin-bottom:7px; box-shadow:0 0 2px 1px rgba(0,183,255,0.99); transition:all 0.05s linear; color:#05e7ff; border-radius:20px 3px 3px 3px; padding:5px 15px; margin-left:8px}
.store-categories >.btn:hover{box-shadow:0 0 2px 1px rgba(0,183,255,0.99); transform:scale(1.1,1.1)}
.btn{border-radius:25px 5px 25px 5px; box-shadow:0 0 2px 1px rgba(0,183,255,0.99)}
.btn-success{color:#fff; background-color:rgba(92,172,184,0.49); border-color:rgba(7,217,255,0.42)}
.nav-pills >li >a{box-shadow:0 0 5px 2px rgba(5,109,175,0.64),0 0 0 2px rgba(30,66,197,0.37); transition:all 0.05s linear; color:#00daff; border-radius:15px; padding:10px 0; margin:7px}
.nav >li >a{color:rgba(255,255,255,.7); background-color:rgba(255,255,255,0)}
.nav-pills >li.active >a, .nav-pills >li.active >a:focus, .nav-pills >li.active >a:hover{color:#01ffde; background-color:rgba(41,102,112,0.11); cursor:default; border-radius:5px 25px 5px 25px}
.nav-pills >li >a:active{color:#333; background-color:rgba(0,221,255,0.08)}
.nav-pills .nav-link{color:#1ae8ff; background-color:rgba(42,66,81,0.52); box-shadow:0 0 2px 2px #119fca,0 0 0 1px #6e6e6e; border-radius:25px 15px 25px 15px}
.nav-pills .nav-link:hover, .nav-pills .nav-link:focus{color:#0fbfc6; background-color:rgba(255,255,255,.2); box-shadow:0 0 3px 2px #15b4f1,0 0 0 1px #10b2b2}
.nav-pills .nav-link.active{color:rgba(255,255,255,.7); background-color:transparent; box-shadow:0 0 2px 4px rgba(14,143,208,0.58),0 0 0 1px #6e6e6e}
.navbar .navbar-brand, .navbar .navbar-brand:focus, .navbar .navbar-brand:hover, .navbar .navbar-nav .nav-link, .navbar .navbar-toggler, .navbar .navbar-toggler:focus, .navbar .navbar-toggler:hover{color:#0af}
.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover{color:rgba(255,60,0,0.9); text-shadow:0 0 10px #0390f5}
.modal .modal-content{background:rgba(6,100,130,0.58); border-radius:55px 8px 55px 8px; box-shadow:0 0 6px 4px #00b7ff,0 0 20px 4px #005dff}
.roulette-item{display:inline-block; width:240px; text-align:center; margin:0 8px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background:rgba(0,0,0,0.18); border-radius:35px 5px 35px 5px; box-shadow:0 0 5px 2px rgba(34,185,220,0.53)}
.store__filters, .store__servers{margin-bottom:20px; box-shadow:0 0 5px 2px rgba(34,185,220,0.53)}
.navbar-nav >li >.dropdown-menu{margin-top:0; border-top-right-radius:0; border-top-left-radius:0; box-shadow:0 0 2px 1px rgba(34,185,220,0.53); background:rgba(29,61,73,0.84); border-radius:5px 5px 25px 25px}
.dropdown-menu >li >a{padding:10px 20px; color:rgba(255,255,255,.7); border-radius:5px 5px 15px 15px}
a{color:#00f7ff}
a a:hover, a a:focus{color:#009fff}
body{background:url('') center fixed}
.s-alert-error{border-radius:30px 8px 30px 8px; box-shadow:0 0 10px 8px rgba(201,100,100,0.8); background:rgba(0,166,255,0.8)}
.product:hover{ -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -o-transform:scale(1.1)}
.class = "content replacable".
.product:hover .product__image{ animation:1s ease-in-out alternate infinite aqwe backwards }
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover{ color:#fff;  background-color:#f1cc6a !important}
.roulette-item__image{ animation:1.5s ease-in-out alternate infinite aqwe backwards }
.service__image{ animation:1s ease-in-out alternate infinite aqwe backwards }
.xbox{background:#30303000}
.xbox__body{background:#3030304f}
 @keyframes aqwe{0%{transform:rotate(-4deg)}
50%{transform:scale(1.05); box-shadow:0 0px 0px rgba(0,0,0,.1),0 15px 12px rgba(0,0,0,.05)}
 100%{transform:rotate(4deg)}
}
.xbox__footer{    border-radius:0 0 30px 30px}
.xbox__body{    padding:20px;     border-top:3px solid #337ab7;     border-bottom:3px solid #337ab7}
.form-control{    border-radius:2px;     border:1px solid #337ab7;     color:#00BFFF}
.navbar{    background-color:rgba(0,18,55,0.5)}
где  border-radius:2px; толщина самой границы блока, color:#00BFFF; отвечает за цвет текста которым будут писать в этом блоке,  border:1px solid #337ab7; за толщину (  1px  ) и цвет (  #337ab7  ) границы блока поиска.
}
.scale-up-center{-webkit-animation:scale-up 0.4s cubic-bezier(0.390,0.575,0.565,1.000) both; animation:scale-up 0.4s cubic-bezier(0.390,0.575,0.565,1.000) both}
.gs-loader .gs-loader-inner .spi{width:300px; margin-top:-100px; height:300px; background-image:url(https://gspics.org/images/2021/10/29/0tsrmu.png); background-size:contain; background-repeat:space; animation:pulsate-fwd 1s infinite ease-in-out }
.gs-loader .gs-loader-inner .spi:before{    border:none !important}
.gs-loader .gs-loader-inner .spi:after{    background-color:transparent}
.product__image{    padding:10;     width:100%}
a{    color:#f0c}
.nav>li>a:focus, .nav>li>a:hover, .table-striped>tbody>tr:nth-of-type(2n+1){    background-color:hsla(0,100%,93%,0.03);     color:#fff}
select option{    background:hsl(103,46%,19%)}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{    color:#fa0505;     background:hsla(0,100%,88%,0.07)}
.nav>li>a{    color:#11f719; #11f719    background:hsla(0,100%,88%,0.05)}
.table>thead>tr>th{    background-color:hsla(0,0%,100%,0.07)}
.figure_one{  position:fixed;     bottom:50px;     left:150px;   -webkit-animation:pulsate-fwd 1.5s ease-in-out infinite both;   animation:pulsate-fwd 1.5s ease-in-out infinite both}
.figure_two{  position:fixed;     top:250px;     right:100px;   -webkit-animation:pulsate-fwd 2s ease-in-out infinite both;   animation:pulsate-fwd 2s ease-in-out infinite both}
@-webkit-keyframes pulsate-fwd{  0%{    -webkit-transform:scale(1);             transform:scale(1)}
  50%{    -webkit-transform:scale(1.1);             transform:scale(1.1)}
  100%{    -webkit-transform:scale(1);             transform:scale(1)}
}
audio{    width:265px;     height:95px;     padding:20px;     background:#30303073}
body{    background:url(images/bg.jpg) no-repeat center top fixed;     -webkit-background-size:cover;     -moz-background-size:cover;     -o-background-size:cover;      background-size:cover}
.gs-loader .gs-loader-inner .spi:before{    border:none !important}
.gs-loader .gs-loader-inner .spi:after{    background-color:transparent}
.gs-loader{    background-image:url(https://gspics.org/images/2021/05/31/0iql97.png);  background-attachment:fixed;  background-size:cover;  background-repeat:auto}
.product__image{ padding:0;  width:100%}
.xbox__header{ background-color:rgba(0,38,55,0.5)}
.form-control{ background-color:rgba(0,38,55,0.5)}
.roulette__description>div{visibility:hidden; display:none}
.kit-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -8px -8px 8px;
}

.xbox_rules .xbox__body {
  background: rgba(74, 51, 80, 0.80);
}

.xbox_rules {
  text-transform: uppercase;
  text-align: center;
  color: #cccccc;
  border-radius: 15px;
  animation: zoomInUp 0.6s;
}

.xbox_rules>.xbox__body {
  border-radius: 5px;
}

.rules,
.block,
.kits,
.lvl-system {
  font-weight: 100;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 5px;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px;
  border-radius: 5px;
}

.rules:hover,
.block:hover,
.kits:hover,
.lvl-system:hover {
  background: #782929;
  transition: all 0.2s ease-in-out;
  color: #fff;
  letter-spacing: 2px;
}

.MsoNormal {
  font-weight: 800;
  font-size: 20px;
}

.store-categories>.btn+.btn {
  margin-right: 10px;
  margin-left: 10px;
  border-radius: 7.5px
}

.store-categories>.btn {
  margin-bottom: 5px;
  border-radius: 7.5px
}

.btn-secondary {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border-color: transparent;
  outline: none !important
}

.btn-secondary:focus, .btn-secondary:hover {
    background: #782929 !important;
}

.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
  color: #fff;
  background: #782929;
  border-color: #0a0a0a 0;
  -webkit-box-shadow: none;
  transform: scale(1.15)
}

.kit-item__image {
	width: 100%;
	transform: scale(0.7);
}

.xbox_custom_block .kit-items {
  border-radius: 20px;
}

@media (max-width: 767px) {
  .xbox_custom_block .kit-items__item {
    width: 20% !important;
  }
}

@media (min-width: 1200px) {
  .modal-body .kit-items__item {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .kit-items__item {
    width: 30%;
  }
}

@media (min-width: 992px) {
  .kit-items__item {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .kit-items__item {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .xbox_custom_kits .kit-items__item {
    width: 12.5% !important;
  }
}

@media (max-width: 1000px) {
  .xbox_custom_kits .kit-items__item {
    width: 30%;
  }
}

@media (min-width: 992px) {
  .xbox_custom_kits .kit-items__item {
    width: 20%;
  }
}

@media (max-width: 500px) {
  .xbox_custom_kits .kit-items__item {
    width: 50%;
  }
}

@media (max-width:767px) {
  .xbox_custom_block .kit-items {
    display: block
  }
  .xbox_custom_block .kit-items__item {
    width: 50% !important
  }
  .block_by_category {
    width: 100% !important;
    height: auto !important
  }
}

.block_by_category .kit-item {
  margin-bottom: -2px
}

.block_by_category {
	/*width: 10%;*/
	width: calc(100% / 9);
	box-shadow: 0 0 5px #171717;
}

.block_by_category:before {
	text-transform: uppercase;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 25px;
	color: #e9eaec;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.block_by_category .kit-item {
	position: relative;
	background: #e9eaec;
	margin: 8px;
	border-radius: 25px 0px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	box-shadow: unset;
	animation: zoomIn 1s;
}

.xbox_custom_block .kit-items__item {
  width: 100%;
  margin-bottom: 0px;
  display: inline-flex
}

.modal-xacku .modal-dialog .modal-content .modal-footer {
  justify-content: right;
}

.modal-xacku .modal-content {
  width: unset;
}

@media (min-width:767px) {
  .modal-lg-block {
    max-width: 1050px !important
  }
}

.modal-title {
  color: white;
}

@media (min-width: 1200px) {
  .modal-body .kit-items__item {
    width: 100%;
  }
}

.modal .modal-footer .btn-secondary {
  box-shadow: none;
}

.modal .modal-footer .btn-secondary:hover {
  color: #fff;
  box-shadow: none;
}

.modal-content .modal-footer .btn-secondary {
  background: none;
}

.modal-xacku .modal-dialog .modal-content .modal-footer {
  justify-content: right;
}

.modal-open .modal {
  overflow-x: hidden;
  background-size: cover
}

.modal .modal-header {
  background: rgba(0, 0, 0, 0.65);
  border-radius: 10px;
  border: none
}

.modal .modal-content {
  background: #151414;
  border: none;
  border-radius: 20px;
  top: 0px;
  padding: 10px;
  background-image: url(http://pic.moscow.ovh/images/2020/04/20/03ec47182602b9d198cda13bbb2657e1.png)
}

.modal .modal-header h4 {
  font-size: 17px;
  text-align: center
}

.modal .modal-header {
  justify-content: center
}

.fade.show {
  opacity: 1;
}

.modal-backdrop.show {
    opacity: .5;
}

.modal.fade .modal-dialog {
  transition: none !important; 
  transform: none !important; 
}

.block_category_1 {
	border-radius: 20px 0px 0px 20px;
	background-color: #782929;
}

.block_category_1:before {
	border-radius: 20px 0px 0px 20px;
	background: #c92c2c;
	content: "1 час";
	font-size: 18px;
}

.block_category_2 {
	background-color: #782929
}

.block_category_2:before {
	background: #c92c2c;
	content: "2 часа";
	font-size: 18px;
}

.block_category_3 {
	background-color: #782929
}

.block_category_3:before {
	background: #c92c2c;
	content: "4 часа";
	font-size: 18px;
}

.block_category_4 {
	background-color: #782929
}

.block_category_4:before {
	background: #c92c2c;
	content: "8 часов";
	font-size: 18px;
}

.block_category_5 {
	background-color: #782929
}

.block_category_5:before {
	background: #c92c2c;
	content: "12 часов";
	font-size: 18px;
}

.block_category_6 {
	background-color: #782929
}

.block_category_6:before {
	background: #c92c2c;
	content: "24 часа";
	font-size: 18px;
}

.block_category_7 {
	background-color: #782929;
}

.block_category_7:before {
	background: #c92c2c;
	content: "36 часов";
	font-size: 18px;
}

.block_category_8 {
	border-radius: 0px 20px 20px 0px;
	background-color: #782929;
}

.block_category_8:before {
	border-radius: 0px 20px 20px 0px;
	background: #c92c2c;
	content: "48 часов";
	font-size: 18px;
}

.block_category_1 .kit-item {
	background: #c92c2c !important;
}

.block_category_2 .kit-item {
	background: #c92c2c !important;
}

.block_category_3 .kit-item {
	background: #c92c2c !important;
}

.block_category_4 .kit-item {
	background: #c92c2c !important;
}

.block_category_5 .kit-item {
	background: #c92c2c !important;
}

.block_category_8 .kit-item {
	background: #c92c2c !important
}

.block_category_9 .kit-item {
	background: #c92c2c !important
}
.footer {
font-size: 10px;
padding: 10;
}